<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/index1.css" media="screen and (max-width:1920px) and (min-width:1280px)">
<link rel="stylesheet" href="./css/index2.css" media="screen and (max-width:649px)">


<body>
    <div class="page">
        <!--显示隐藏 -->
        <div class="mask">
            <div class="content1">
                <div class="masktop">
                    <img src="./img/imgDay1/7.jpg" alt="">
                    <p>暂未开放下载</p>
                </div>
                <div class="maskbuttom">
                    <div class="know">我知道了</div>
                </div>
            </div>
        </div>

        <!--顶部 -->
        <div class="top">
            <div class="topson">
                <div class="left">
                    <img src="./img/imgDay1/1.jpg" alt="">
                    <img src="./img/imgDay1/2.jpg" alt="">
                </div>
                <div class="right">
                    <a href="contact.html">联系我们</a>
                </div>
            </div>
        </div>

        <!-- 内容 -->
        <div class="content">
            <div class="contentson">
                <div class="left">
                    <h3>排骨饭</h3>
                    <p class="mtb">
                        排骨饭是提供给广大股民沟通交流的语音社交平台任何人都可以在其中畅所欲言，和好友或广大股民交流炒股的精彩故事。
                    </p>
                    <div class="image">
                        <img src="./img/imgDay1/3.jpg" alt="" class="click1">
                        <img src="./img/imgDay1/4.jpg" alt="" class="click1">
                    </div>
                </div>
                <div class="right">
                    <img src="./img/imgDay1/5.jpg" alt="">
                </div>
            </div>
        </div>

        <!-- 底部 -->
        <div class="footer">
            <div class="ft">
                <p>2016-2019 Timing360.com</p>
                <p>武汉氪细胞网络技术有限公司</p>
            </div>
            <p>鄂ICP备17013082号-1</p>
            <p>
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42010202001767"><img class="ga" src="http://www.timing360.com/images/site/v3/ga.png">鄂公网安备 42010202001767号</a>
                <img class="ga" src="http://www.timing360.com/images/site/v3/ga.png">
            </p>
        </div>
    </div>
</body>

<script>
    let click1 = document.getElementsByClassName('click1')
    console.log(click1);
    let mask = document.querySelector('.mask')
    console.log(mask);
    let know = document.querySelector('.know')
    for (let i = 0; i < click1.length; i++) {
        click1[i].addEventListener('click', function() {
            console.log('2');
            mask.style.display = 'block'
        })
    }
    know.addEventListener('click', function() {
        mask.style.display = 'none'
    })
</script>

</html>